<template>
	<view class="box">
		<view class="box1">
			<image :src="img" mode="widthFix"></image>
			<h2>
				{{name}}
			</h2>
		</view>
		<view class="text">
			{{txt}}
		</view>
	</view>
</template>

<script>
	import {ppxqy} from '@/utils/api.js'
	import {ApiGetHomeData} from '@/utils/api.js'
	export default {
		name:"xqy",
		data() {
			return {
				name:'',
				img:'',
				txt:''
			};
		},
		async onLoad(option){
			let res = await ppxqy({
				id:option.id
			});
			// let res = await ApiGetHomeData();
			console.log(res.data);
			this.name=res.data.brand.name;
			this.img=res.data.brand.list_pic_url;
			this.txt=res.data.brand.simple_desc
		}
	}
</script>

<style lang="scss">
page{
		background: #efefef;
	}
.box{
	
	width: 100%;
	
	.box1{
		position: relative;
		width: 100%;
		height: 420rpx;
		margin: 0;
		
		image{
			width: 100%;
		}
		h2{
			    position: absolute;
			    left: 0;
			    top: 0;
			    right: 0;
			    bottom: 0;
			    width: 100%;
			    text-align: center;
			    height: 60rpx;
			    line-height: 60rpx;
			    margin: 180rpx auto;
			    font-size: 40rpx;
			    text-decoration: underline;
			    color: #fff;
				font-weight: 400;
				font-family: "黑体";
				
		}
	}
	
	.text{
		margin: 0;
		background: #fff;
		font-size: 36rpx;
		text-align: center;
		padding: 40rpx 20rpx;
		line-height: 52rpx;
		color: #666;
		font-family: "黑体";
	}
}	

</style>